@import "../../theme/style/const.scss";

.dtc-homepage {
    background-color: #EBF5FD;
    height: calc(100vh - 64px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    .dtc-homepage-title {
        font-size: 70px;
        color: $basic-black-color;
        user-select: none;
        margin-bottom: 12px;
        line-height: 1.15;
    }
    .dtc-homepage-badges {
        margin-bottom: 12px;
        img:not(:last-child) {
            margin-inline-end: 20px;
        }
    }
    .dtc-homepage-description {
        color: $basic-black-color;
        font-size: 30px;
    }
    .dtc-homepage-btnGroups {
        margin: 12px auto 0;
        display: grid;
        grid-gap: 18px;
        grid-template-columns: 1fr 1fr;
        > .ant-btn {
            font-size: 20px;
            height: 40px;
            line-height: 40px;
        }
    }
}

@media only screen and (max-width: 767px) {
    .dtc-homepage {
        height: calc(100vh - 52px);
        .dtc-homepage-title {
            font-size: 60px;
        }
        .dtc-homepage-description {
            font-size: 26px;
        }
        .dtc-homepage-btnGroups {
            > .ant-btn {
                font-size: 16px;
                height: 32px;
                line-height: 32px;
            }
        }
    }
}
